<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,viewport-fit=cover">
    <meta http-Equiv="Cache-Control" Content="no-cache"/>
    <meta http-Equiv="Pragma" Content="no-cache"/>
    <meta http-Equiv="Expires" Content="0"/>
    <link rel="stylesheet" href="/static/ly/libs/fonts/font-awesome.min.css">
    <link rel="stylesheet" href="http://cdn.static.magcloud.net/icon/lyadmin/iconfont.css">
    <script src="http://cdn.static.magcloud.net/icon/lyadmin/iconfont.js"></script>
    <title>LYAdminUI--灵衍AdminUI框架</title>
    <script>
    </script>
</head>


<style>
    #page-loading {
        display: flex;
        align-items: center;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }

    .cssload-loader {
        position: relative;
        left: calc(50% - 31px);
        width: 62px;
        height: 62px;
        border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        perspective: 780px;
    }

    .cssload-inner {
        position: absolute;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        border-radius: 50%;
        -o-border-radius: 50%;
        -ms-border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }

    .cssload-inner.cssload-one {
        left: 0%;
        top: 0%;
        animation: cssload-rotate-one 1.15s linear infinite;
        -o-animation: cssload-rotate-one 1.15s linear infinite;
        -ms-animation: cssload-rotate-one 1.15s linear infinite;
        -webkit-animation: cssload-rotate-one 1.15s linear infinite;
        -moz-animation: cssload-rotate-one 1.15s linear infinite;
        border-bottom: 3px solid rgb(0, 0, 0);
    }

    .cssload-inner.cssload-two {
        right: 0%;
        top: 0%;
        animation: cssload-rotate-two 1.15s linear infinite;
        -o-animation: cssload-rotate-two 1.15s linear infinite;
        -ms-animation: cssload-rotate-two 1.15s linear infinite;
        -webkit-animation: cssload-rotate-two 1.15s linear infinite;
        -moz-animation: cssload-rotate-two 1.15s linear infinite;
        border-right: 3px solid rgb(0, 0, 0);
    }

    .cssload-inner.cssload-three {
        right: 0%;
        bottom: 0%;
        animation: cssload-rotate-three 1.15s linear infinite;
        -o-animation: cssload-rotate-three 1.15s linear infinite;
        -ms-animation: cssload-rotate-three 1.15s linear infinite;
        -webkit-animation: cssload-rotate-three 1.15s linear infinite;
        -moz-animation: cssload-rotate-three 1.15s linear infinite;
        border-top: 3px solid rgb(0, 0, 0);
    }


    @keyframes cssload-rotate-one {
        0% {
            transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
        }
        100% {
            transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
        }
    }

    @-o-keyframes cssload-rotate-one {
        0% {
            -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
        }
        100% {
            -o-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
        }
    }

    @-ms-keyframes cssload-rotate-one {
        0% {
            -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
        }
        100% {
            -ms-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
        }
    }

    @-webkit-keyframes cssload-rotate-one {
        0% {
            -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
        }
        100% {
            -webkit-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
        }
    }

    @-moz-keyframes cssload-rotate-one {
        0% {
            -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
        }
        100% {
            -moz-transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
        }
    }

    @keyframes cssload-rotate-two {
        0% {
            transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
        }
        100% {
            transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
        }
    }

    @-o-keyframes cssload-rotate-two {
        0% {
            -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
        }
        100% {
            -o-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
        }
    }

    @-ms-keyframes cssload-rotate-two {
        0% {
            -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
        }
        100% {
            -ms-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
        }
    }

    @-webkit-keyframes cssload-rotate-two {
        0% {
            -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
        }
        100% {
            -webkit-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
        }
    }

    @-moz-keyframes cssload-rotate-two {
        0% {
            -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
        }
        100% {
            -moz-transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
        }
    }

    @keyframes cssload-rotate-three {
        0% {
            transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
        }
        100% {
            transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
        }
    }

    @-o-keyframes cssload-rotate-three {
        0% {
            -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
        }
        100% {
            -o-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
        }
    }

    @-ms-keyframes cssload-rotate-three {
        0% {
            -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
        }
        100% {
            -ms-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
        }
    }

    @-webkit-keyframes cssload-rotate-three {
        0% {
            -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
        }
        100% {
            -webkit-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
        }
    }

    @-moz-keyframes cssload-rotate-three {
        0% {
            -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
        }
        100% {
            -moz-transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
        }
    }
</style>
<body>


<div id="app" :class="[state.fullScreen?'full-screen':'',state.top_bar_full?'top-bar-full':'top-bar-slide',
'slide_theme_'+state.slide_bar_theme,'top_theme_'+state.top_menu_theme,state.center?'ly-layout-center':'']"
     style="display: none;">
    <ly-layout-top-nav logo-url="/static/ly/imgs/logo_name.png">
        <template slot="navLeft">
            <a  v-role:category.home v-role:category  @click="toMenuCategory('home')" :class="{active:state.menu_category=='home'}">平台</a>
            <a  v-role:category.test v-role:category  @click="toMenuCategory('test')" :class="{active:state.menu_category=='test'}">测试</a>
        </template>
        <ly-global-search guide-content="新增全局搜索服务"  :search="globalSearch"
                          more-link="https://www.yuque.com/yuque/ng1qth/ic42uw"></ly-global-search>
        <a v-jump="'/layout/layout'"   >
            <i style="margin-right: 5px;font-size: 15px;" class="fa fa-desktop"></i>
            布局管理
        </a>
        <a v-jump="'/layout/navi'" >
            <i style="margin-right: 5px;font-size: 15px;" class="fa fa-link"></i>
            导航管理
        </a>
        <a v-jump="'http://cdn.source.magcloud.net/icon/upload.html'"  >
            <i style="margin-right: 5px;font-size: 15px;" class="fa fa-gift"></i>
            图标管理
        </a>

        <ly-full-screen></ly-full-screen>
        <ly-header-userinfo username="藤之内" head="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png">
            <a>
                <i style="margin-right: 5px;font-size: 15px;" class="fa fa-calculator"></i>
                操作日志
            </a>
            <a>
                <i style="margin-right: 5px;font-size: 15px;" class="fa fa-address-card"></i>
                账号设置
            </a>
            <el-divider></el-divider>
            <a href="/portal/login">
                退出登录
            </a>
        </ly-header-userinfo>
    </ly-layout-top-nav>
    <component logo-url="/static/ly/imgs/logo.png" v-bind:is="state.slide_bar" :menus-data="menusData">
    </component>
    <keep-alive :include="keep_include">
        <component v-bind:is="childView">
        </component>
    </keep-alive>

    <ly-source-view></ly-source-view>
    <ly-layout-footer>Copyright © 2019 南京灵衍信息科技有限公司</ly-layout-footer>

</div>
<div id="page-loading">
    <div class="cssload-loader">
        <div class="cssload-inner cssload-one"></div>
        <div class="cssload-inner cssload-two"></div>
        <div class="cssload-inner cssload-three"></div>
    </div>

</div>
</body>
<!--引用 vue-rap文件-->
<script src="/static/ly/libs/rap.2.1.0.js"></script>
<script src="/static/ly/libs/marked.min.js"></script>

<script>
    //代码写在onload里防止阻塞页面渲染
    window.onload = function () {
        var color = localStorage.getItem('app_theme_color');
        if (color) {
            Rap.cssVar('primary', color);
        } else {
            Rap.cssVar('primary', '#004aff');
        }
        Rap.router('index', 'dashboard');
        Rap.config({
            router_model: 'history',
            history_base: 'portal',
            debug: true,
            default_page: "start/install",
            app_version: new Date().getTime(),
            filePostfix: 'html',//默认后缀为 html1
            css: [
                '/static/ly/libs/normalize.css',
                '/static/ly/libs/element-ui/index_default.css',
                '/static/ly/libs/animate.3.7.2.min.css',
                '/static/ly/libs/global.css'
            ],
            script: [
                "/static/ly/libs/underscore-min.js",
                "/static/ly/libs/dayjs.1.8.16.min.js",
                "/static/ly/libs/vue.2.6.10.js",//线上的记得使用压缩版本
                "/static/ly/libs/element-ui/element-ui.2.12.0.js",
                '/static/ly/libs/vue-clipboard.min.js',
                "/static/ly/libs/vue-dragging.js",
                "/static/ly/libs/echarts.min.js",
                "/static/ly/libs/vue-echarts.js",
                "/static/ly/libs/axios.0.17.1.min.js",
                "/static/ly/libs/smooth-dnd.min.js",
                "/static/ly/libs/awesome-qr.js",
                "/static/ly/libs/vue-smooth-dnd.min.js",
                "/portal/global.js"
            ]
        });
    };
</script>
<!--高德的配置 现在需要申请key了,我下面的使用的明文配置方式(不推荐),我的key配合很低大家别使用到项目里, 具体查看 https://lbs.amap.com/api/javascript-api/guide/abc/prepare-->
<script type="text/javascript">
    window._AMapSecurityConfig = {
        securityJsCode:'e1668f1ccae1cd95b79020092a00a032',
    }
</script>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.4&key=608f66fe6aa55fc2e456586e3f945542"></script>
</html>